(function(){
    
    let main = document.querySelector('main')
    console.log(main)
    //定义一个函数 传入url地址 来取想要的值
    function getQueryString(url) {
        //声明一个变量来存储 url地址 以 ?分割出来的索引为1的值   因为?后面跟的就是传参 先分割再查找想要的值
        let str = url.split('?')[1]
        //判断要是没有传参过来就返回null
        if (!str) return null
        //对参数进行解码
        str = decodeURI(str)
        //再次对str以&分割 并声明newstr来接受 此时是数组形式
        let newstr = str.split('&')
        //声明一个空对象来接收数据 到时候好查询
        let obj = {}
        //对newstr 进行遍历
        newstr.forEach(item => {
            // console.log(item)
            //再将itemstr以=号进行拆分
            let itemstr = item.split('=')
            // console.log(itemstr)
            //此时拆分后的第0 项作为键 第一项作为值 存入对象中  因为键是以变量的形式 所以要用[] 并且不能带引号
            obj[itemstr[0]] = itemstr[1]
        })
        return obj
    }

    let pd=document.querySelector(".products")
    const xhr=new XMLHttpRequest();
    xhr.open("get",'http://chst.vip:1234/api/getmoneyctrl?pageid=' + id,)
    xhr.send(null);
    xhr.onreadystatechange=function(){
        if(xhr.readyState===4){
            if(xhr.status===200){
                let res=JSON.parse(xhr.responseText);
                console(res);
                let regExp = /(?<=imgurl=)[^'"]*/
                let ese=""
                res.result.forEach(item =>{
                    var img = regExp.exec(item.productImg2)[0];
                    ese +=` <h4>${res.result[0].productName}</h4>
                    <div class="other">
                        <span>${res.result[0].productFrom}|</span>
                        <span>${res.result[0].productTime}</span>
                        <span>${res.result[0].productTips}</span>
                    </div>
                    <div class="message">
                        <img src=${res.result[0].productImg2.match(regExp)}>
                        ${res.result[0].productInfo2}
                    </div>
                    <img src="${res.result[0].productImg2.match(regExp)}">
                    <a href="" class="go">前往购买</a>
        
                    <img src="../assets/images/mmbweixin2.png" alt="" class="ma">
        
                    <textarea name="" id="" cols="30" rows="10"></textarea>
        
                    <div class="empty">
                        <a href="">提交评论</a>
                    </div>
        
                    <div class="bottom">
                    ${res.result[0].productComment}
                    
                    </div>
        `
                })
                pd.innerHTML=ese;
            }
        }
    }
})()